<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户登陆</title>
</head>

<body class="login">

    <header>
        <a href="login.html" class="psd-login">密码登录</a>
        <div class="title">
            <h3>手机号登录/注册</h3>
            <span>快速找到好友，一站式记录你的运动</span>
        </div>
    </header>
    <main class="login-main">
        <p><input id="num" type="text" placeholder="+86&nbsp;输入手机号码" required></p>
        <p class="captchaPsd">
            <input id="captcha" type="text" placeholder="请输入验证码">
            <canvas id="capCanvas" width="123" height="50"></canvas>
        </p>
        <p><input id="psd1" type="password" placeholder="请输入密码"></p>
        <p><input id="psd2" type="password" placeholder="请再次确认密码"></p>
        <p><button id="btn">注册账号</button></p>
        <p class="weixinReg">
            <span class="iconfont icon-weixin"></span>
            <a href="../../pages/reg/reg.html">微信注册</a>
        </p>
        <p id="tips"></p>

        <p class="reg-solgan">-HOLD ON-</p>
    </main>
</body>

</html>